<template>
 <div class="goods-center-section-title">
   <slot name="content">
     {{content}}
   </slot>
 </div>
</template>

<script lang="ts" setup>
const props = defineProps<{
  content?: string
}>()
</script>

<style scoped lang="scss">

.goods-center-section-title {
  color: rgba(48, 49, 51, 1);
  font-size: 18px;
  position: relative;
  margin-left: 14px;
  margin-bottom: 20px;
}

.goods-center-section-title:not(:first-child) {
  margin-top: 20px;
}

.goods-center-section-title:before {
  content: '';
  width: 4px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(calc(-100% - 10px), -50%);
  background: var(--el-color-primary);
}
</style>
